<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jQuery.js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="../css/dengluww.css">
    <link rel="stylesheet" href="../base.css">
</head>

<body>
    <header>
        <img src="https://x.dscmall.cn/storage/images/common/user_login_logo.png" alt="">
        <img src="https://x.dscmall.cn/storage/images/common/login_logo_pic.png" alt="">
        <p>
            <span>还没有账号</span>
            <a href="./zhuceww.html">免费注册</a>
        </p>
    </header>
    <div class="center">
        <div class="register">
            <div class="register1">
                <div class="top">
                    <div class="ewm">
                    </div>
                    <div class="ewm1">
                        <img src="./fonts/ewmww.svg" alt="">
                    </div>
                    <div class="body">
                        <img src="./fonts/sfzww.svg" alt="">
                    </div>
                    <div class="three">
                        <div class="vain">
                        </div>
                        <div class="direct">
                            用第三方账号直接登录
                        </div>
                    </div>
                    <div class="qq">
                        <div class="qq1">
                            <div></div>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="bottom">
                    <div class="three">
                        <div class="vain">
                        </div>
                        <div class="direct direct2">
                            账号登录
                        </div>
                    </div>
                    <form action="">
                        <p class="one"></p>
                        <div>
                            <p>
                                <img src="./fonts/touxiang.svg" alt="">
                            </p>
                            <input type="tel" placeholder="用户名/邮箱/手机" class="tel">
                        </div>
                        <div>
                            <p>
                                <img src="./fonts/mima.svg" alt="">
                            </p>
                            <input type="password" placeholder="请输入密码" class="pass">
                        </div>
                        <div class="code">
                            <p>
                                <img src="./fonts/yanzhengw.svg" alt="">
                            </p>
                            <input type="tel" placeholder="验证码" class="verify">
                            <img src="https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&384315271"
                                alt="" class="show">
                            <img src="	https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.13606767843140632"
                                alt="">
                            <img src="	https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.09366948875824388"
                                alt="">
                            <img src="https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.15308881649823536"
                                alt="">
                            <img src="https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.8291981092409537"
                                alt="">
                            <img src="	https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.40162522608823736"
                                alt="">
                            <img src="	https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.06976528619043831"
                                alt="">
                            <img src="https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.5674568294928699"
                                alt="">
                            <img src="	https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.697179007329974"
                                alt="">
                            <img src="	https://x.dscmall.cn/captcha_verify.php?captcha=is_register_phone&0.9217379238900565"
                                alt="">
                        </div>
                        <input type="button" value="登录" class="btn">
                        <p class="forget">
                            <a href="">忘记密码？</a>
                        </p>
                    </form>
                </div>
                <div class="bottom2">
                    <div class="three">
                        <div class="vain">
                        </div>
                        <div class="direct direct2">
                            扫码登录
                        </div>
                    </div>
                    <div class="app">
                        <img src="https://x.dscmall.cn/appqrcode?t=YOi5w" alt="">
                    </div>
                    <p>
                        <span>打开</span><a href="">大商创App</a><span>扫描二维码</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <p>
            <a href="">首页</a>
            <span>|</span>
            <a href="">隐私保护</a>
            <span>|</span>
            <a href="">联系我们</a>
            <span>|</span>
            <a href="">免责条款</a>
            <span>|</span>
            <a href="">公司简介</a>
            <span>|</span>
            <a href="">商家入驻</a>
            <span>|</span>
            <a href="">供应商入驻</a>
            <span>|</span>
            <a href="">意见反馈</a>
        </p>
        <p>
            <a href="">b2b2c</a>
            <span>|</span>
            <a href="">多用户商城系统</a>
            <span>|</span>
            <a href="">商城系统</a>
            <span>|</span>
            <a href="">ecjia新零售</a>
        </p>
        <p>
            <span>ICP备案证书号:</span>
            <a href="">沪ICP备14029880号-5</a>
        </p>
        <p>
            <a href="">版权所有 © 2005-2021 大商创,并保留所有权利。POWERED BY DSCMALL</a>
        </p>
    </footer>
    <script>
        // 二维码变换
        $('.ewm').click(function () {
            $(this).next('.ewm1').toggleClass('active');
            $(this).parent('.top').children('.body').toggleClass('showed');
            // $(this).next('.body').css('display','block');

            $(this).parents('.register1').children('.bottom').toggleClass('active2')
            $(this).parents('.register1').children('.bottom2').toggleClass('showed2')

        })


        // qq头像
        $('.qq1').mouseover(function () {
            $(this).children('div').css('display', 'none');
            $(this).children('p').css('display', 'block')
        })
        $('.qq1').mouseout(function () {
            $(this).children('div').css('display', 'block');
            $(this).children('p').css('display', 'none')
        })

        // 验证码图片
        $('.code').find('img').click(function () {
            $(this).next().addClass('show').siblings().removeClass('show');
            if (this.index == 9) {
                $(this).prev().addClass('show').siblings().removeClass('show');
            }
        })

    </script>
</body>

</html>